<template>
  <div class="findItem">
    <van-card
      v-for="item in list"
      :key="item.id"
      :desc="item.desc"
      :title="item.title"
      :thumb="'http://liufusong.top:8080' + item.houseImg"
      @click="$router.push({ path: '/detail/', query: { id: item.houseCode } })"
    >
      <template #tags>
        <van-tag plain type="primary">{{ item.tags[0] }}</van-tag>
      </template>
      <template #price>
        <span class="find_price">{{ item.price }}</span>
        <span class="find_month">元/月</span>
      </template>
    </van-card>
  </div>
</template>
<script>
export default {
  name: 'findItem',
  props: {
    list: {
      type: Array,
      required: true
    }
  },
  components: {},
  data () {
    return {}
  },
  // methods: {
  //   btn (path, id) {
  //     this.$router.push({
  //       path,
  //       query: {
  //         id
  //       }
  //     })
  //   }
  // },

  async created () {}
}
</script>
<style lang="less" scoped>
.findtop {
  width: 100%;
}
/deep/.van-search {
  padding: 0px;
}
/deep/.van-nav-bar__content {
  background-color: #21b97a;
}
/deep/.van-nav-bar .van-icon {
  color: #fff;
}
.find_price {
  font-size: 16px;
  font-weight: 600;
  color: #fa5741;
}
.find_month {
  font-size: 12px;
  color: #fa5741;
}
/deep/.van-button--default {
  width: 30%;
  font-size: 18px;
  color: #21b97a;
}
/deep/.van-button--primary {
  width: 70%;
  font-size: 18px;
  background-color: #21b97a;
  color: #fff;
}
</style>
